import type { App } from 'vue';
import type { I18n, I18nOptions } from 'vue-i18n';

import { createI18n } from 'vue-i18n';
import { setHtmlPageLang, setLoadLocalePool } from './helper';
import { localeSetting } from '/@/settings/localeSetting';
import { useLocaleStoreWithOut } from '/@/store/modules/locale';

const { fallback, availableLocales } = localeSetting;

export let i18n: ReturnType<typeof createI18n>;

async function createI18nOptions(): Promise<I18nOptions> {
	const localeStore = useLocaleStoreWithOut();
	const locale = localeStore.getLocale;
	const defaultLocal = await import(`./lang/${locale}.ts`);
	const message = defaultLocal.default?.message ?? {};

	setHtmlPageLang(locale);
	setLoadLocalePool((loadLocalePool) => {
		loadLocalePool.push(locale);
	});

	return {
		legacy: false,
		locale,
		fallbackLocale: fallback,
		messages: {
			[locale]: message,
		},
		availableLocales: availableLocales,
		sync: true, //If you don’t want to inherit locale from global scope, you need to set sync of i18n component option to false.
		silentTranslationWarn: true, // true - warning off
		missingWarn: false,
		silentFallbackWarn: true,
	};

}

// setup i18n instance with glob
export async function setupI18n(app: App) {
	const options = await createI18nOptions();
	i18n = createI18n(options) as I18n;
	app.use(i18n);
}
